// function Modal() {
//     return (
//         <div style={{
//             width : "450px",
//             height : "250px",
//             border : "1px solid",
//             position : "absolute",
//             left : "calc(50% - 225px)",
//             top : "calc(50% - 125px)",
//             textAlign : "center",
//             lineHeight : "250px"
//         }}>模态框</div>
//     )
// }

// export default Modal;

import {createPortal} from 'react-dom';

function Modal() {
    return createPortal((<div style={{
        width : "450px",
        height : "250px",
        border : "1px solid",
        position : "absolute",
        left : "calc(50% - 225px)",
        top : "calc(50% - 125px)",
        textAlign : "center",
        lineHeight : "250px"
    }}>模态框</div>),document.querySelector('body'))
}

export default Modal;